<template>
  <div>
    <p v-for="todo in todoList" :key="todo.id" ><input type="checkbox" v-model="todo.isfinish"><span :class="{finish:todo.finish}">{{todo.text}}</span></p>
  </div>
</template>

<script>
export default {
  props: {
    todoList: Array
  },

}
</script>

<style>
.finish{
  text-decoration: underline;
}
</style>
